<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{
            /*独占一行，且可设置大小*/
            display: block;
            width:234px;
            height: 42px;

            background-color: rgba(0,0,0,0.3);
            color:white;
            font-size: 14px;
            /*
            让line-height和height一样，单行文本会垂直居中
            */
            line-height:42px;
            /*去除下划线*/
            text-decoration: none;
            /*设置首行缩进*/
            text-indent: 2em;
        }
        a:hover{
            background-color: #ff6700;
        }
    </style>
</head>
<body>
<a href="#">手机 电话卡</a>
<br>
<a href="#">电视 盒子</a>
<a href="#">笔记本 平板</a>
<a href="#">出行 穿戴</a>
<a href="#">智能 路由器</a>
<a href="#">健康 儿童</a>
<a href="#">耳机 音响</a>

</body>
</html>